::selection {
	background: #ffe500;
	color: #121212;
}

:focus {
	outline: none;
}

@font-face {
	font-family: "Guardian Titlepiece";
	src: url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2") format("woff2"),
	url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff") format("woff"),
	url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Guardian Text Sans Web";
	src: url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.eot");
	src: url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.eot?#iefix") format("embedded-opentype"), url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.ttf") format("truetype"), url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.svg#GuardianTextSansWeb-Regular") format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;

}

@font-face {
	font-family: "Guardian Text Sans Web";
	src: url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.eot");
	src: url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.eot?#iefix") format("embedded-opentype"), url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.ttf") format("truetype"), url("https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.svg#GuardianTextSansWeb-Bold") format("svg");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

button.pm-toggle {
	border: 2px solid #DCDCDC!important;
	background-color: #DCDCDC!important;
}

.pm-ccpa * {
	box-sizing: border-box;
}

.accept-all,
.accordion,
.btn-primary,
.btn-tertiary,
.bulk-consent-btns
.cta-description,
.gu-description,
.legend,
.opener,
.pm-type-toggle,
.pm-features h3,
.pm-purposes h3,
.pm-sub-p,
.pm-tab,
.pm-toggle > span,
.privacy-manager-tcfv2 .pm-tabs,
.purpose-content,
.stack-description,
.stack-status,
.stack-status > span,
.stack-title > h4,
.stack-toggle,
.sub-purpose-description,
.toggle-vendor .expand  {
	font-family: "Guardian Text Sans Web", Arial, sans-serif !important;
	font-size: 15px !important;
}

.btn-primary :hover {
	background-color: #224;
}

.cta-description {
	font-size: 12px !important;
	line-height: 16px !important;
}

.gu-description {
	background-color: #F6F6F6;
}

.gu-privacy-headline {
	font-family: "Guardian Titlepiece", serif !important;
}

.message {
	border-radius: 0 !important;
	max-width: 100vw;
	height: 100vh !important;
	max-height: 100vh !important;
}

.pm-ccpa .pm-tabs > .pm-tab {
	display: inline-flex;
	align-items: flex-start;
	border-top: 1px solid #dcdcdc !important;
	color: #121212;
	line-height: 50px;
	text-transform: initial;
}

.pm-ccpa .pm-tabs {
	background-color: #F6F6F6;
	border-bottom: 1px solid #dcdcdc !important;
}

.pm-ccpa .pm-tabs > .pm-tab:hover {
	color: #121212;
}

.pm-section {
	background-color: white;
	height: 90vh !important;
	margin-top: 2px;
	max-height: calc(100vh - 357px) !important;
	overflow-y: scroll;
	padding: 0 16px 165px !important;
	scrollbar-width: auto;
}

.pm-section::-webkit-scrollbar {
	display: initial !important;
}

.pm-section::-webkit-scrollbar {
	width: 16px;
}

.pm-section::-webkit-scrollbar-thumb {
	background-color: #ffffff;
	border: 2px solid #DCDCDC;
	border-radius: 2px;
}

.pm-section::-webkit-scrollbar-track {
	background-color: #DCDCDC;
}


.pm-tab {
	border-top: none !important;
	font-size: 17px !important;
	padding-top: 16px !important;
	line-height: initial !important;
}

.pm-tab:first-of-type {
	border-right: 1px solid #dcdcdc;
}

.pm-tab:nth-of-type(n+2) {
	border-right: 1px solid #dcdcdc;

}

.pm-ccpa .pm-tabs > .pm-tab.active {
	background-color: white;
	border-bottom: 2px solid white !important;
	border-top: 4px solid #007ABC !important;
	color: #121212;
	margin-bottom: -4px;
	margin-top: -2px;
	padding-top: 12px !important;
}

.pm-tab.active:after,
.pm-tab.active:before {
	border: none !important;
}

.pm-toggle {
	background-color: #DCDCDC;
	border-radius: 7px !important;
	height: 32px;
	padding: 0;
	border: 2px solid #DCDCDC;
}

.pm-toggle > span {
	background-color: transparent;
	border-radius: 6px !important;
	font-weight: normal;
	padding: 3px 19px !important;

}

.pm-ccpa .pm-toggle > span.on {
	/*font-weight: bold !important;*/
}

.pm-ccpa .pm-toggle.locked > span.on,
.pm-ccpa .pm-toggle.locked > span.off {
	border: none !important;
	color: #121212 !important;
}

.pm-ccpa .pm-toggle.locked > span.off {
	cursor: not-allowed !important;
	opacity: 0.3;
}

.pm-ccpa .pm-toggle.locked > span.on {
	background-color: white !important;
}

@media (max-width: 375px) {
	.btn-primary,
	.btn-tertiary  {
		font-size: 15px !important;
		line-height: 18px;
	}

	.accept-all,
	.accordion,
	.btn-primary,
	.btn-tertiary,
	.cta-description,
	.gu-description,
	.opener,
	.pm-type-toggle,
	.pm-features h3,
	.pm-purposes h3,
	.pm-sub-p,
	.pm-tab,
	.pm-toggle > span,
	.privacy-manager-tcfv2 .pm-tabs,
	.stack-description,
	.stack-status,
	.stack-status > span,
	.stack-title > h4,
	.stack-toggle {
		font-size: 12px !important;
		line-height: 16px !important;
	}

	.gu-privacy-headline   {
		font-size: 24px !important;
	}
}

@media (min-width: 46.25em) {
	.message {
		height: 90vh !important;
	}

	.pm-section {
		max-height: calc(90vh - 337px) !important;
	}

}





















































/* below the line */